<template>
  <div>
    <Lunbo />
    <Recommend class="a1" :list="navTital" />
    <Gedan class="a1" />
    <Recommend2 class="a1" :list="navTital1" />
    <RecomProgram class="a1" />
    <Recommend2 class="a1" :list="navTital2" />
    <Bangdan class="a1" />
  </div>
</template>

<script>
import Lunbo from "@/components/Lunbo.vue";
import Recommend from "@/components/Recommend/Recommend.vue";
import Recommend2 from "@/components/Recommend/Recommend2.vue";
import Gedan from "@/components/Gedan.vue";
import RecomProgram from "@/components/RecomProgram.vue";
import Bangdan from "@/components/Bangdan.vue";

export default {
  data() {
    return {
      navTital: "热门推荐",
      navTital1: "新碟上架",
      navTital2: "榜单",
    };
  },

  components: {
    Lunbo,
    Recommend,
    Gedan,
    RecomProgram,
    Bangdan,
    Recommend2
  },
};
</script>
 
<style lang = "less" scoped>
@import "../assets//base.less";
.songr {
  width: 250px;
  height: 920px;
  position: absolute;
  right: 24%;
  top: 70%;
  margin: 0 auto;
}
</style>